
[data-theme="dark"] {
  --card-title: #fff;
  --fl-title-background: rgba(255, 255, 255, 0.9);
  --fl-title-color: #fff;
  --prod-table-card: none;
  --f-card-background: rgba(24, 87, 106, 0.8);
  --f-card-title: #33fefe;
  --btn-background: none;
  --detail-title-background: #1c1e23;
  --detail-station-background: rgba(8, 26, 48, 0.8);
  --detail-station-color: #33fefe;
  --detail-title-color: #000;
  --station-border: 1px solid #33fefe;
  --station-hover-background: #33fefe;
  --station-hover-color: #333;

  /* 子站 */
  --el-table-cell: rgb(12, 52, 88);
  --log-table-background: rgb(24, 52, 87,.5);
  --table-color: #fff;
  --el-table__cell: rgba(14, 37, 79, 0.8) !important;
  /* 全局字体颜色 */
  --title-color: #fff;
  --pro-pagination: #fff;
  --btn-background: none;
  --params-background: rgb(14, 17, 41);
  --el-table-fixed-background: rgba(12, 52, 88, 1) !important;
  --i-t-color: #fff;
  --app-title: #fff;
  --btn-query: linear-gradient(
    180deg,
    rgba(0, 135, 255, 0.25) 0%,
    rgba(0, 135, 255, 0.52) 100%
  );
  /*  暗黑风格全局背景色 */
  --layout-background: #0e1129;
  /* 图表背景色 */
  --canvas-bg: rgba(25, 198, 255, 0.1);
  --dialog-title: #01c2ff;
  --time-color: #fff;
  /* 前台板块通用背景色 */
  --front-background: #04396a;
  --front-box-border: 1px solid #0084fe;
  /* 低代码相关配色 */
  --edit-border-color: #efefef;
  
}
[data-theme="light"] {
  --card-title: #000;
  --fl-title-background: #1bc0f2f0;
  --fl-title-color: rgba(255, 255, 255, 0.9);
  --prod-table-card: #fff;
  --f-card-background: rgba(239, 240, 245, 0.4);
  --f-card-title: #555555;
  --btn-background: aliceblue;
  --detail-title-background: #2558fe;
  --detail-station-background: #fff;
  --detail-station-color: #1c1e23;
  --detail-title-color: #fff;
  --station-border: 1px solid #000;
  --station-hover-background: #fafbff;
  --station-hover-color: #fff;

  /* 子站 */
  --el-table-cell: rgb(37, 88, 254);
  --log-table-background: #fff;
  --table-color: #000;
  --el-table__cell: rgba(252, 250, 255) !important;
  --title-color: #000;
  --pro-pagination: #000;
  --btn-background: aliceblue;
  --title-color: #000;
  --params-background: #fff;
  --el-table-fixed-background: rgb(37, 88, 254);
  /* --head-img: url("@/components/hls-header/images/head-light.png"); */
  --i-t-color: #000;
  --app-title: #2958fc;
  --btn-query: #2558fe;
  --dialog-title: #333333;
  --time-color: #000;
  /* 前台板块通用背景色 */
  --front-background: #04396a;
  --front-box-border: 1px solid #0084fe;
  /* --el-text-color-regular: '#eee' */
}
